// pages/contact.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    phone: '',
    qq: '',
    address: [['南区', '北区'], ['一二食堂', '火之舞', '南区操场', '南三门']],
    addressIndex: [0, 0],
    btn_disabled: true
  },
  //******************************事件*************************************** */
  /**
   * 检查 填写是否完成
   */
  check() {
    this.setData({
      btn_disabled: this.data.phone && this.data.qq ? false : true
    })
  },
  /**
   * 完成btn
   */
  btnClick() {
    let that = this
    wx.setStorage({
      key: 'contact',
      data: {
        phone: that.data.phone,
        qq: that.data.qq,
        address: that.data.address,
        addressIndex: that.data.addressIndex
      },
      success(res) {
        //   console.log(res);
        wx.navigateBack({
          delta: 1
        })
      }
    })
  },
  /**
   * 地址选择完成
   */
  addressChange(e) {
    this.setData({
      addressIndex: e.detail.value
    })
    this.check()
  },
  /**
   * 地址 正在选择
   */
  addressColumnCahnge(e) {
    let _arr = []
    if (e.detail.column == 0) {
      switch (e.detail.value) {
        case 0:
          _arr = ['一二食堂', '火之舞', '南区操场', '南三门']
          break
        case 1:
          _arr = ['北区公寓篮球场']
          break
        default:
          break
      }
      this.setData({
        address: [['南区', '北区'], _arr]
      })
    }
  },
  /**
   * input修改
   */
  inputChange(e) {
    e.target.dataset.name == 'phone'
      ? this.setData({
          [e.target.dataset.name]: /^1[0-9]{10}$/.test(e.detail.value) ? e.detail.value : ''
        })
      : this.setData({
          [e.target.dataset.name]: /^[0-9]*$/.test(e.detail.value) ? e.detail.value : ''
        })
    this.check()
  },
  //******************************周期************************************* */
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    let that = this
    wx.getStorage({
      key: 'contact',
      success(res) {
        console.log(res.data)
        that.setData({
          ...res.data
        })
        that.check()
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {}
})
